<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>2018数字化学术教育峰会暨惠每移健客户大会即将开始</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1"/>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"/>
    <style>
        @media only screen and (max-width: 1024px) {
            body {
                width: 1024px !important;
            }
        }
        .d1 {
            background: url("http://tlpt.yutaolife007.com/invitation/img/headBackground.png");
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .d-1 {
            padding-top: 30px;
            padding-left: 30px;
        }
        .d-1 > img {
            width: 100%;
        }
        .d-2 {
            padding-top: 50px;
            text-align: center;
        }
        .d-2 > img {
            width: 80%;
            padding-bottom: 25px;
        }
        .d-4 > h3 {
            padding-top: 10px;
            color: black;
        }
        .d-7 > h4 {
            display: inline-block;
            color: #8e8e8e;
            text-align: left;
        }
        .d-9 > p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 25px;
            color: black;
            font-weight: 400;
            padding-bottom: 25px;
            text-align: justify;
        }
        .p2 {
            padding-top: 40px;
        }
        .d-10 > img {
            padding-top: 75px;
        }
        .d-13 > img {
            padding-top: 75px;
        }
        .d-14 > p {
            text-align: center;
            line-height: 45px;
        }
        .h-1{
            text-align: center;
            color: #0776a1;
            font-weight: bold;
        }
        .d-15{
            padding: 20px 0;
        }
        .d-15 > p{
            font-weight: bold;
        }
        .d-16 > p{
            font-weight: bold;
        }
        .d-17{
            text-align: center;
        }
        .p1{
            padding-top: 40px;
        }
        .d3 {
            padding: 20px 0 40px 0;
            text-align: center;
        }
        .btn1{
            width: 80%;
        }
        .modal-dialog{
            padding-top: 15%;
        }
        .modal-title,.modal-body ,.modal-footer{
            text-align: center;
        }
        .modal-body > textarea{
            width: 90%;
        }
    </style>
</head>
<body>
<div>
    <!--头-->
    <div class="col-xs-12">
        <div class="col-xs-3"></div>
        <div class="d1 col-xs-6">
            <div class="d-1 col-xs-2">
                <img src="http://tlpt.yutaolife007.com/invitation/img/head-logo.png" alt=""/>
            </div>
            <div class="d-2 col-xs-8">
                <img src="http://tlpt.yutaolife007.com/invitation/img/head-logo1.png" alt=""/>
            </div>
            <div class="col-xs-2">
            </div>
        </div>
        <div class="col-xs-3"></div>
    </div>
    <!--体-->
    <div class="d2 col-xs-12">
        <div class="d-3 col-xs-3"></div>
        <div class="col-xs-6">
            <div>
                <p style="color: red;text-align: center">请点击页面底部“确认参会”完成大会报名</p>
            </div>
            <div class="d-4  col-xs-12">
                <p hidden></p>
                <h3>尊敬的&nbsp;<span id="name"></span>&nbsp;女士/先生：</h3>
                <div class="d-9">
                    <p class="p2">
                        2018年，中国医疗体制改革已经进入了第25个年头，政策环境、经济环境、医疗技术都发生了翻天覆地的变化。作为一名医药人，我们上下而求索，顺应新药研发政策，应对准入环境巨变，探索创新商业模式，积极拥抱科技革新。在这样巨变的环境中，仍有一些恒久不变的主题，比如各个行业相关方孜孜不倦地对提高医生学术知识与临床水平的追求，对缩小中国与世界前沿临床与医药应用差距的努力。</p>
                    <p>
                        惠每医疗集团是由美国领先的私立非营利性医疗机构——梅奥医疗集团（Mayo Clinic, 以下简称“梅奥”）与以专注于长期结构性价值投资而著称的投资公司--高瓴资本于 2015年联合注资成立的医疗集团公司，一直致力于用最先进的医学内容促进医生职业医学教育、帮助制药企业学术推广，并且利用大数据、机器学习等前沿技术为制药企业的精准学术营销带来崭新的方法。</p>
                    <p>
                        惠每移健将于2018年5月31日在上海举办“2018年数字化学术教育峰会暨惠每移健客户大会”，在这次大会上，您可以听到来自美国梅奥医疗集团专家对于医生线上与数字化学术教育的需求“分析”以及梅奥的实践；也可以听到卫健委相关领导对医生学术教育的政策指导“解读”；这里既有内、外资药企在数字化学术推广方面的创新分享；也有互联网、消费品领域的知名企业数字化传播的经典案例。当然，惠每移键也将在会上发布针对药企学术推广与精准营销的解决方案。</p>
                </div>
            </div>
            <div>
                <h3 class="h-1">会议流程</h3>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:30~09:40</span>
                        <span class="col-xs-5">开场致辞</span>
                        <span class="col-xs-5">惠每移健CEO</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:40~09:50</span>
                        <span class="col-xs-5">领导致辞</span>
                        <span class="col-xs-5">林琳，卫计委中国健康教育中心/全国卫生期刊分会，秘书长</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:50~10:20</span>
                        <span class="col-xs-5">在数字化时代，医生需要什么样的医学教育内容</span>
                        <span class="col-xs-5">刘冰副社长，中华医学会杂志社</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">10:20~10:50</span>
                        <span class="col-xs-5">Current Status of Digitized Continuing Medical Education in North America</span>
                        <span class="col-xs-5">Dr. Cuong Nguyen, Education Medical Director, Consultant,GI and Hepatology;Associate Professor of Medicine, College of Medicine </span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">10:50~11:00</span>
                        <span class="col-xs-5">Break</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">11:00~11:30</span>
                        <span class="col-xs-5">社交媒体在医生品牌传播和患者教育中的应用</span>
                        <span class="col-xs-5">陆文仪，新浪微博医疗健康版块高级经理</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">11:30~12:00</span>
                        <span class="col-xs-5">医生线上学习和社交的有效性</span>
                        <span class="col-xs-5">马向涛，北京市海淀区医疗资源统筹服务中心主任</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">12:00~12:30</span>
                        <span class="col-xs-5">他山之石——快消行业的互联网内容传播分享</span>
                        <span class="col-xs-5">Raymond Chin, Chief Creative & Creative Transformation Lead at Publicis Sapient</span>
                    </p>
                    <p  class="col-xs-12">
                        <span class="col-xs-2">12:30~13:30</span>
                        <span class="col-xs-5">Lunch</span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p  class="col-xs-12">
                        <span class="col-xs-2">13:30~14:00</span>
                        <span class="col-xs-5">专业内容如何做好新媒体传播</span>
                        <span class="col-xs-5">何川，插座学院创始人</span>
                    </p>
                    <p  class="col-xs-12">
                        <span class="col-xs-2">14:00~14:30</span>
                        <span class="col-xs-5">惠每移健方案与企业愿景介绍</span>
                        <span class="col-xs-5">惠每移健CEO</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">14:30~15:00</span>
                        <span class="col-xs-5">数字化学术推广案例分享</span>
                        <span class="col-xs-5">诺和诺德</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:00~15:30</span>
                        <span class="col-xs-5">HUI App介绍</span>
                        <span class="col-xs-5">惠每移健产品副总裁</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:30~15:50</span>
                        <span class="col-xs-5">Break</span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:50~16:20</span>
                        <span class="col-xs-5">数据科学如何促进医生学术内容有效性</span>
                        <span class="col-xs-5">惠每移健数据科学家</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">16:20~16:50</span>
                        <span class="col-xs-5">内资药企的学术推广之路</span>
                        <span class="col-xs-5">齐鲁药业</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">16:50~17:20</span>
                        <span class="col-xs-5">Engage应用介绍</span>
                        <span class="col-xs-5">惠每移健产品副总裁</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">17:20~17:30</span>
                        <span class="col-xs-5">结束致辞</span>
                        <span class="col-xs-5">惠每移健CEO</span>
                    </p>
                </div>
            </div>
            <div>
                <h3 class="h-1">会议信息</h3>
                <div class="d-15 col-xs-12">
                    <div class="d-16 col-xs-6">
                        <p>
                            <span class="glyphicon glyphicon-briefcase"></span>
                            <span>会议时间</span>
                            <p>2018年5月31日 9：30-17：30</p>
                        </p>
                        <p class="p1">
                            <span class="glyphicon glyphicon-map-marker"></span>
                            <span>会议地点</span>
                            <p>陆家嘴环路1288号</p>
                            <p>（上海凯宾斯基大酒店3楼宴会厅）</p>
                        </p>
                    </div>
                    <div class="d-17 col-xs-6">
                        <img width="90%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/ditu.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="d-5 col-xs-3"></div>
    </div>
    <!--按钮-->
    <div class="d3 col-xs-12">
        <div class="col-xs-3"></div>
        <div class="d-15 col-xs-6">
            <div class="col-xs-4"></div>
            <div class="col-xs-4">
                <a href="javascript:;">
                    <button type="button" data-toggle="modal" class="btn1 btn btn-primary consent">确认参会</button>
                </a>
            </div>
            <div class="col-xs-4"></div>
        </div>
        <div class="col-xs-3"></div>
    </div>
    <!--确认弹出框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">×
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            请您确认信息
                        </h4>
                    </div>
                <div class="zhanshi modal-body">
                        <p>姓名：<input id="cla1" readonly="readonly" type="text" value=""></p>
                        <p>公司：<input id="cla2" type="text" value=""></p>
                        <p>手机：<input id="cla3" type="text" value=""></p>
                        <p>邮箱：<input id="cla4" type="text" value=""></p>
                </div>
                <div class="modal-footer">
                        <button type="button" class="btn btn-primary affirm">
                            确认
                        </button>
                        <button type="button" class="btn btn-warning"
                                data-dismiss="modal">取消
                        </button>
                    </div>
           </div>
        </div>
    </div>
    <!--注意查收弹出框-->
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                    <h4 class="modal-title" id="myModalLabel2">
                        我们将发送您一封参会邮件，请注意查收!
                    </h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary"
                            data-dismiss="modal">确认
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
    if(screen.width <970) {
        window.location.href="./templesj.html";
    }
    let ids;
    /*确认*/
    $(".consent").click(function () {
        var names = $('#name').html();
        var emails = $('#cla4').html();
        console.log(emails);
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/userInfo",
            data: {
                "name":names,
                "email":emails
            },
            success: function (date) { //如果发送成功
                var list = eval(date).data;
                ids = list.id;
                $('#cla1').val(list.username);
                $('#cla2').val(list.company);
                $('#cla3').val(list.phone);
                $('#cla4').val(list.email);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(function () {
            $('#myModal').modal({
                keyboard: true
            });
        });
    });
    $(".affirm").click(function () {
        var list = new Object();
        list.id = ids;
        list.username = $('#cla1').val();
        list.company = $('#cla2').val();
        list.phone = $('#cla3').val();
        list.email = $('#cla4').val();
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/confirmInfo",
            data: {value:JSON.stringify(list)},
            success: function (date) { //如果发送成功
/*                var a = data.data.msg;
                $('#myModalLabel2').val(a);*/
                console.log("发送成功")
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(".affirm").attr("data-dismiss","modal");

        $(function () {
            $('#myModal2').modal({
                keyboard: true
            });
        });
    });

/*    /!*拒绝*!/
    $(".cancel").click(function () {
        $('#myModal1').modal({
            keyboard: true
        });
    });
    $(".affirm1").click(function () {
        var list = new Object();
        list.id = ids;
        list.email = $('#email').html();
        list.text = $('.tex').val();
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/refuse",
            data: {value:JSON.stringify(list)},
            success: function (date) { //如果发送成功
                console.log("发送成功")
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(".affirm1").attr("data-dismiss","modal")
    })*/
</script>
</html>